<template>
	<view>
		<view v-if="showZhubo" class="shadow_bg">
			<view class="top_bg">
				<view class="top_img">
					<view @tap.stop="hideModal" class="align-center" style="flex-direction: row;"><image src="../../static/img/back_f.png" style="width: 56rpx;height: 32rpx;"></image></view>
					<view class="align-center justify-between" style="flex-direction: row;">
						<view class="align-center" style="flex-direction: row;">
							<image src="../../static/img/banner.png" style="width: 120rpx;height: 120rpx;border-color: 100rpx;"></image>
							<text class="fs-36 color-fff margin-left-20">Maria Long</text>
						</view>
					</view>
				</view>
				
				<image class="zb_img" src="../../static/img/banner.png"></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props: {
			value: {},
		},
		computed: {
			showZhubo: {
				get() {
					return this.value;
				},
				set(val) {
					this.$emit('input', val);
				}
			},
		},
		mounted() {
			
		},
		methods: {
			hideModal() {
				this.showZhubo = false;
			},
		}
	};
</script>

<style lang="scss" scoped>
	.shadow_bg{position: fixed;top: 0;left: 0;width: 750rpx;}
	.top_bg{width: 750rpx;}
	.top_img{width: 750rpx;padding: 30rpx;position: absolute;}
	.zb_img{width: 750rpx;position: absolute;}
</style>
